<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>指導教授</title>
    <style>
        article img
        {
            float: left;
        }
        article ul li
        {
            list-style-type: decimal;
            list-style-position: outside;
        }
    </style>
</head>
<body>
    <div id="detail">
        <header><img src="images/professorTitle.png"/></header>
        <article>
            <h3>
                基本資料</h3>
            <table>
                <tr>
                    <td><img src="images/professor.jpg" alt="姓名"><!--教授的圖片--></td>
                    <td>
                        <ul>
                            <li>姓名：</li>
                            <li>職稱：教授</li>
                            <li>電話：</li>
                            <li>傳真：</li>
                            <li>電子信箱：</li>
                            <li>實驗室：</li>
                        </ul>
                    </td>
                </tr>
            </table>
        </article>
        <hr />
        <article>
            <h3>
                學歷</h3>
                <ul>
                    <!--
                        在這邊新增學歷，
                        格式：<li>XXX大學 XXX系 博士 (1994/9 至 1997/12)</li>
                    -->
                    <li>XXX大學 XXX系 博士 (1994/9 至 1997/12)</li>
                    <li>XXX大學 XXX系 碩士 (1988/9 至 1990/6)</li>
                    <li>XXX大學 XXX系 學士 (1984/9 至 1988/6)</li>
                </ul>
        </article>
        <hr />
        <article>
            <h3>
                經歷</h3>
                <ul>
                    <!--
                        在這邊新增經歷，
                        格式：<li>XXX大學 XXX系 教授 (1994/9 至 1997/12)</li>
                    -->
                    <li>XXX大學 XXX系 教授 (2008/2 至 今)</li>
                </ul>
        </article>
        <hr />
        <article>
            <h3>
                專長及研究領域</h3>
            <section>
                <!--在這邊新增專長及研究領域，直接打字即可，或改用條列式(參考上面寫法)-->
                高速網路、無線網路、網路效能評估、網際網路應用、網路輔助教學
            </section>
        </article>
        <hr />
        <article>
            <h3>
                專利</h3>
            <table>
                <thead>
                    <tr>
                        <th>
                            類別
                        </th>
                        <th>
                            專利名稱
                        </th>
                        <th>
                            國別
                        </th>
                        <th>
                            專利號碼
                        </th>
                        <th>
                            發明人
                        </th>
                        <th>
                            專利權人
                        </th>
                        <th>
                            專利期間
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <!--
                        在這邊新增專利，
                        格式：
                        <tr>
                            <td>類別</td>
				            <td>專利名稱</td>
				            <td>國別</td>
				            <td>專利號碼</td>
				            <td>發明人</td>
				            <td>專利權人</td>
				            <td>專利期間</td>
                        </tr>
                    -->
                    <tr>
                        <td>
                            A
                        </td>
                        <td>
                            中文字影像的圓滑處理方法
                        </td>
                        <td>
                            中華民國
                        </td>
                        <td>
                            74857
                        </td>
                        <td>
                            周勝鄰、余孝先、賴源正
                        </td>
                        <td>
                            工研院電通所
                        </td>
                        <td>
                            1995/11/21~<br>
                            2014/11/20
                        </td>
                    </tr>
                </tbody>
            </table>
        </article>
        <!--
        <hr />
        <article>
            <h3>著作</h3>
            <p>
            </p>
        </article>
        -->
    </div>
</body>
</html>
